@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
}
ul,li{
    list-style:none;
}
label{
	font-weight:normal;
}
	 		.guanli>p{background: #f8f8f8;display: flex;height: 50px;line-height: 50px;border-bottom: 1px solid #efefef;margin-bottom: 0;}
	 		.flexdiv{
	 			display: flex;
	 			line-height: 60px;
	 		}
	 		.flexdiv>div{
	 			display: flex;
	 		}
	 		.flexdiv span{
	 			width: 100px;
	 			height: 60px;
	 			display: inline-block;
	 			line-height: 60px;
	 			cursor: pointer;
	 		}
	 		.clickspan{
	 			background: url(../imgs/lb01.png) no-repeat 45px center;
	 			background-size: 33%;
	 		}
	 		.item span:nth-of-type(2){
	 			background: url(../imgs/sx01.png) no-repeat left center;
	 			background-size: 31%;
	 			padding-left:40px;
	 		}
	 		.item span:nth-of-type(2):hover{
	 			background: url(../imgs/sx02.png) no-repeat left center;
	 			background-size: 31%;
	 			padding-left:40px;
	 			color: #7BAFFB;
	 		}
	 		.item2 span:nth-of-type(1){
	 			background: url(../imgs/tj01.png) no-repeat left center;
	 			background-size: 41%;
	 			padding-left:36px;
	 		}
	 		.item2 span:nth-of-type(2){
	 			background: url(../imgs/xg01.png) no-repeat left center;
	 			background-size: 40%;
	 			padding-left:30px;
	 		}
	 		.item2 span:nth-of-type(3){
	 			background: url(../imgs/ssc01.png) no-repeat left center;
	 			background-size: 36%;
	 			padding-left:28px;
	 		}
	 			.item2 span:nth-of-type(1):hover{
	 			background: url(../imgs/tj02.png) no-repeat left center;
	 			background-size: 41%;
	 			padding-left:36px;
	 			color: #7BAFFB;
	 		}
	 		.item2 span:nth-of-type(2):hover{
	 			background: url(../imgs/xg02.png) no-repeat left center;
	 			background-size: 40%;
	 			padding-left:30px;
	 			color: #7BAFFB;
	 		}
	 		.item2 span:nth-of-type(3):hover{
	 			background: url(../imgs/sc02.png) no-repeat left center;
	 			background-size: 36%;
	 			padding-left:28px;
	 			color: #7BAFFB;
	 		}
	 		.item3 input{
	 			height: 30px;
	 			width: 200px;
	 			border-radius: 8px;
	 			margin-top:18px;
	 			background: url(../imgs/search.png) no-repeat left center;
	 			background-size: 13%;
	 			text-align: center;
	 			margin-left: 520px;
	 		}
	 		.conent{
	 			height: 435px;
	 		}
	 		.shangpin>div{
	 			height: 195px;
	 			border:1px solid #C7D8E2;
	 			margin-left:32px;
	 			margin-top:15px;
	 			padding-left: 0;
                padding-right: 0;
                cursor: pointer;
	 		}
	 		.shangpin>div p{
	 			height: 60px;
	 			background: #F8F8F8;
	 			margin-bottom: 0;
	 		}
	 		.shangpin>div img{
	 			display: block;
	 			width: 100%;
	 			height:69%;
	 		}
	 		.conent b,span,small{
	 			margin-left: 5px;
	 		}
	 		.conent b{color: #f00;}
	 		.shangpin>div:hover{
	 			box-shadow: 1px 2px 3px #000000;
	 		}
	 		.guanli{
	 		   padding-left:0;
	 		   padding-right:0;
	 		   border:1px solid #C7D8E2;
	 		}
	 		.shangpin{
	 		  margin-left:0;
	 		  margin-right:0;
	 		}
	 		.bgSpan{
	 		    background: url(../imgs/pp02.png) no-repeat 45px center;
	 			background-size: 23%;
	 		}
	 		.black_overlay{
	display: none;		
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}    
 .white_content {
    display: none;	
    position: absolute;
	top: 15%;
	left: 25%;
	width: 754px;
	height: 476px;
	background-color: white;
	z-index:1002;
	border-radius: 8px;
}
.tabul{
	border-bottom: 2px solid #ccc;
	height: 30px;
}
.tabul li{
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.showDiv{
	clear: both;
	overflow: hidden;
}
.selectd{
	border-top: 2px solid #03A9F4;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #fff;
	border-left:1px solid #ccc;
}
.showDiv table{
	width: 100%;
}

.showDiv table tr{
	border-bottom: 1px solid #ccc;
	line-height: 30px;
}
.item,.item2{
	width: 20%;
}
.item3{
	width: 60%;
}
.divflex{
	display: flex;
}
.inputflex{
	display: flex;
}

.inputflex input{
   color: #DBF5FE;
   border:0;
   border-bottom: 1px solid #DBF5FE;
   background: #00BCD4;
   margin-left: 15px;
}

.noneboder{
	border:none;
}
.noneboder td{
	border: none;
}
.tableSelect select{
	width: 100px;
	border:none;
	border-bottom: 1px solid #F1F1F1;
	background: transparent;
	appearance:none;
	-moz-appearance:none;
}
.inputclass{
	border:1px solid #D2D2D2;
	height: 25px;
	border-radius: 5px;
}
.MyDivul li{
	margin-left: 20px;
	margin-top:25px;
}
.gongys{
	border-bottom: 1px solid #EEEEEE;
	margin-left: 0;
	margin-right: 0;
}

.rowbotton ul li{
   padding-left: 83px;
   margin-top:50px;
   margin-bottom: 10px;
}
.rowbotton button:nth-of-type(1){
	margin-left: 266px;
	margin-right: 21px;
}
.rowbotton button{
	margin-top: 30px

}
.slectBorder{
  border:1px solid #CCCCCC;
  height:25px;
  width:200px;	
  background: transparent url(../imgs/sanjiao.png) no-repeat right center;
  appearance:none;
  -moz-appearance:none;
  background-size:17%;
  border-radius:8px;
  
}.gongys>p{
	color: #BDBDBD;
	font-size: 14px;
}
.showDiv{
	margin-left:0;
	margin-right:0;
}
.showDiv img{
	display:block;
	width:100%;
}
.xuanze{
	margin:15px 0;
}

.xuanze label{
	font-weight:normal;
	margin-left:15px;
}
.overDiv table th{
	font-weight:normal;
}
#xinjian{
	border:1px solid #cccccc;
	top:18%;
}
#xinjian input{
	 border:0;
	border-bottom:1px solid #cccccc; 
	height:20px;
}
#xinjian li{
	color:#cccccc;
	line-height:35px;
}
#xinjian>p{
	text-align:center;
	color:#cccccc;
}
#col-md-2{
	border:1px dashed #cccccc;
	height:113px;
}
#col-md-2 p{
	line-height:113px;
	background:url(../imgs/jh.png) no-repeat left center;
	background-size:30%;
	padding-left:22px;
	font-size:10px;
	color:#cccccc;
}
.miaoshu{
	margin-left:40px;
	margin-top:20px;
}
.miaoshu label{
	color:#cccccc;
}
.miaoshu input{
	width:60%;
}
.rowDiv div{
	margin-left:25px;
}
.miaoshu button{
	width:100px;
	height:30px;
	border:1px solid #cccccc;
	text-align:center;
	line-height:30px;
	color:#cccccc;
	background:none;
	margin-left:15px;
}
.miaoshu button:hover{
	border:1px solid #3B9FE1;
	color:#3B9FE1;
}
.miaoshu li{
	margin-left: 185px;
	margin-top: 60px;
}
